<link rel="stylesheet" href="https://unpkg.com/leaflet@1.3.1/dist/leaflet.css" integrity="sha512-Rksm5RenBEKSKFjgI3a41vrjkw4EVPlJ3+OiI65vTjIdo9brlAacEuKOiQ5OFh7cOI1bkDwLqdLw3Zg0cRJAAQ==" crossorigin="" />
<script src="https://unpkg.com/leaflet@1.3.1/dist/leaflet.js" integrity="sha512-/Nsx9X4HebavoBvEBuyp3I7od5tA0UzAxs+j83KgC8PU0kgB4XiK4Lfe4y4cgBtaRJQEIFCW+oC506aPT2L1zw==" crossorigin=""></script>

<div id="map" style="width: 600px; height: 400px"> </div>

<script>
  var map = L.map('map').setView([30.0, 0.0], 1.1);

  L.tileLayer('http://{s}.tile.osm.org/{z}/{x}/{y}.png', {
    attribution: '&copy; <a href="http://osm.org/copyright">OpenStreetMap</a> contributors'
  }).addTo(map);

  // Nim users - dedicated repository on GitHub
  let jurl = "https://raw.githubusercontent.com/nim-lang/community_map/community_map.json";

  fetch(jurl)
    .then(res => res.json())
    .then((data) => {
      data.items.forEach(function(i) {
        L.circle([i.x, i.x], 10000, {
          color: '#00d',
          fillColor: '#00d',
          fillOpacity: 0.5
        }).addTo(map).bindPopup("Nick: " + i.nick);
      });

    });

</script>
<p>
  通过
  <a href="https://github.com/nim-lang/community_map/">这个</a>可以在地图上添加你的位置，
  可以写上你的称呼、邮箱之类的内容。
</p>
